<template>
  <div class="category">
      <h2>{{title}}列表</h2>
      <!--   默认插槽 -->
      <!-- <slot></slot> -->
      <!-- 具名插槽 -->
      <slot name="a" :gameArr="gameArr">等待填充1</slot>
      <slot name="b">等待填充2</slot>
      <!-- 作用域插槽 -->
  </div>
</template>

<script>
  export default {
    name:'Category',
    props:['title'],
    data(){
      return{
        gameArr: ["英雄联盟手游", "劲舞团", "红色警戒"]
      }
    }
  }
</script>

<style scoped>
  .category{
		background-color: skyblue;
		width: 200px;
		height: 300px; 
	}
	h2{
		background-color: orange;
		text-align: center;
	}
</style>